<template>
	<view class="container">
		<view class="fgx u-m-t-28">
		</view>
		<view class="f-list u-flex u-m-b-20 u-m-t-28" v-for="(item, index) in list" :key="index">
			<view class="qylg u-m-b-20" :style="{ backgroundImage: 'url(' + bjxm + ')' }">
				<text>{{item.logo}}</text>
			</view>
			<view class="f-item u-m-l-32 u-m-b-20">
				<view class="title u-flex u-m-t-12">
					<view class="">
						<text class="name">{{ item.name }}</text>
						<text v-if="item.leader" class="tz">团长</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		
		data(){
			return{
				bjxm: "../../static/homepage/xmkk.png",
				list:[
					{
						name:'华晨宇',
						logo:'姓名',
						leader: true
					},
					{
						name:'华晨宇',
						logo:'姓名'
					},
					{
						name:'华晨宇',
						logo:'姓名'
					},
					{
						name:'华晨宇',
						logo:'姓名'
					},
					{
						name:'华晨宇',
						logo:'姓名'
					},
					{
						name:'华晨宇',
						logo:'姓名'
					},
					{
						name:'华晨宇',
						logo:'姓名'
					},
				]
			}
			
		},
		onLoad(options){
		},
		methods:{
		},
		
	}
</script>

<style scoped lang="scss">
	.fgx{
		width: 100%;
		height: 20rpx;
		background-color: #F5F5F9;
	}
	.f-list{
		
		border-bottom: 2rpx solid #DADFED;
		
	}
	.qylg{
			width: 102rpx;
			height: 118rpx;
			background-size: 100% auto;
			background-position: 0 bottom;
		margin-top: 15rpx;
		overflow: hidden;
		text-align: center;

		text {
			color: #888D99;
			font-size: 26rpx;
			line-height: 118rpx;
		}
		}
		.name{
			font-size: 30rpx;
			color: #0D1D36;
			font-weight: bold;
		}
		.tz{
			width: 68rpx; color: #FFFFFF; font-size: 24rpx;
			height: 36rpx;
			background: #AB61FF;
			border-radius: 6rpx;
			margin-left: 20rpx;
		}
</style>
